/* CSS Document */
@charset "utf-8";
/*
  - Author(s):zhigang
  - Date:2009.10.30
  - Copyright Notice:Copyright©2008 Beyond Technology CO,.LTD. All rights
  - @
  - Description:Bo-tech.COM       
*/

/*============================= css reset and public=================================*/
body{ background:#FFF url(../images/nav2.gif) repeat-x center 117px; font-size:12px; font-family:tahoma,Arial, Helvetica, sans-serif; margin:0px; padding:0px;}
p,img,ul,li,form,table,h5,h4,h3,h2,h1{border:none; margin:0px; padding:0px; list-style:none;}
h5,h4,h3,h2,h1,textarea { font-size:12px;}
.fleft { float:left;}
.fright { float:right;}
.toleft { text-align:left;}
.toright { text-align:right;}
.tocenter { text-align:center;}
table { border-collapse:collapse;}
td { padding:0; vertical-align:top;}
a { text-decoration:none; color:#990000;}
b{ margin:0px; padding:0px;}
a:hover { text-decoration:underline; color:#cc0000;}
.clear:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear { display:inline-block;}
.clear { display:block;}
.Zclear { clear:both; line-height:1px; visibility:hidden;}
.size14 { font-size:14px; padding:0 5px;}
.gray_font { color:#999;}
.impt { font-size:14px; font-weight:bold; color:#F00;}
.bold { font-weight:bold;}
.gray_bg { background-color:#fafafa;}
.mt_10px { margin-top:10px;}
.pad { padding:10px;}
.pad_l { padding-left:10px;}
.mr_10px { margin-right:10px;}
/*================== public ================*/
.box { margin-bottom:8px;}
.wintop { background-color:#e4e4e4; height:26px; line-height:26px;}
.wintop span { float:left; padding-left:1em; font-weight:bold; color:#cc0000;}
.wintop .more { float:right; background:url(../images/icos.gif) right -18px no-repeat;background-position: right -20px\9; _background-position: right -18px; padding-right:17px; color:#777;}
.border { border:solid 1px #e4e4e4; border-top:none; padding:0 8px 8px;}

.big_top { background:url(../images/top_bg.gif) left -130px repeat-x; height:28px; line-height:28px;}
.big_top_r { float:right; background:url(../images/top_bg.gif) left -158px no-repeat; padding-right:4px; height:28px; line-height:28px;}
.big_top .title { float:left; background:url(../images/top_bg.gif) left -102px no-repeat; padding-left:15px; color:#FFF; font-weight:bold;}
.big_border { border:solid 1px #5c5c5c; border-top:none;}


/*================== star ================*/
.star_0,.star_1,.star_2,.star_3,.star_4,.star_5 {display:inline-block; *display:inline; zoom:1; background:url(../images/starts.png) no-repeat; width:64px; height:14px;}
.star_0 { background-position:left top;}
.star_1 { background-position:left -20px;}
.star_2 { background-position:left -40px;}
.star_3 { background-position:left -60px;}
.star_4 { background-position:left -80px;}
.star_5 { background-position:left -100px;}

/*================== buttons ================*/
.first,.second,.third { display:inline-block; background:url(../images/buttons.gif) left -72px no-repeat; height:24px; line-height: 24px; padding-left:15px; color:#FFF; font-weight:bold;}
.first span,.second span,.third span { display:inline-block;background:url(../images/buttons.gif) right -72px no-repeat; padding-right:15px; cursor:pointer;}
.first:hover,.second:hover,.third:hover { color:#FFF; text-decoration:none;}
.second { background-position:left -96px;}
.second span { background-position:right -96px;}
.third { background-position:left -120px; color:#333;}
.third span { background-position:right -120px; color:#333;}

/*================== page_box ================*/
.page_box { margin:10px 0; display:inline-block; *display:inline; zoom:1;}
.page_box a { float:left; margin:0 2px; height:14px; padding:2px 7px; border:solid 1px #e5e5e5; background-color:#f8f8f8;}
.page_box a:hover { color:#F00; background-color:#f2f2f2; border-color:#ddd;}
.page_box a.current,.page_box a.current:hover { font-weight:bold; color:#F00;border:solid 1px #e5e5e5; background-color:#f8f8f8; cursor:default; text-decoration:none;}
.page_box .unable,.page_box .unable:hover { color:#999;border:solid 1px #e5e5e5; background-color:#f8f8f8; cursor:default; text-decoration:none;}

/*=============== header ===========*/
#pagewrapper {width:950px; margin:0 auto;}
.header { width:950px; margin:0 auto;margin-bottom:10px; }
.logo { float:left; margin:1px 0 0 10px;}
.top_bar { float:right; margin-top:10px; height:14px; line-height:14px; overflow:hidden;}
.top_bar li {display:inline-block; margin-left:8px; *display:inline;*zoom:1; color:#666;}
.top_bar li a span {font-weight:bold; font-family:宋体;}
.top_bar li a { color:#990000;}
.top_bar li a:hover {color:#cc0000;}

.menu {height:36px; line-height:36px; display:inline-block; *display:inline; zoom:1;}
.menu li {float:left; margin:0 10px;}
.menu li a {color:#FFF; font-size:14px; padding-left:15px;}
.menu li a:hover {text-decoration:underline;color:#C8F304;}
.menu li a span,.menu li a:hover span{ padding-right:15px;}
/*--
.menu {height:36px; line-height:36px; display:inline-block; *display:inline; zoom:1;}
.menu li { float:left; margin:0 10px;}
.menu li a { color:#FFF; font-size:14px; padding-left:15px;}
.menu li a:hover { text-decoration:none;}
.menu li a span,.menu li a:hover span{ padding-right:15px;}
.menu li a.current,.menu li a:hover { color:#cc0000;  float:left; margin-top:0px; background:url(../images/btns.gif) left 3px no-repeat; height:30px; padding-bottom:2px; overflow:hidden;}
.menu li a.current span,.menu li a:hover span {float:left;background:url(../images/btns.gif) right 3px no-repeat; height:30px; padding-bottom:2px;}
--*/
.search_bar { background:url(../images/top_bg.gif) left top repeat-x; height:34px;}
.search_bar p { float:left; background:url(../images/top_bg.gif) left -34px no-repeat; padding-left:15px;height:34px; line-height:34px;}
.search_bar p a { background:url(../images/icos.gif) left -50px no-repeat; padding-left:8px; color:#666; margin:0 10px;}
.search_bar p a:hover { color:#C00;}
.search_box { float:right; padding:5px 15px 0 0;background:url(../images/top_bg.gif) right -68px no-repeat;height:29px;}
.search_text { float:left; width:250px; border:solid 1px #cc0000; height:18px; background: #ffffff url(../images/icos.gif) 4px 4px no-repeat; color:#999; padding:3px 0 0 18px;}
.search_btn { float:left; background:url(../images/btns.gif) left -30px no-repeat; width:37px; height:23px; color:#FFF; border:none; padding:0; cursor:pointer;}

/*================= main ================*/
.main { clear:both;}
.left { float:left; width:715px; margin-right:8px; display:inline;}
.right { float:right; width:227px;}
/*== left ==*/
.flash { margin-bottom:8px;}
.friends { margin-bottom:8px; height:30px; border: solid 1px #CCC; background-color:#f8f8f8;}
.huoban { float:left; margin:8px 10px 0px; display:inline; color:#333;}
.huoban marquee { float:left; width:250px;}
.huoban a { margin:0 8px;}
.new,.hot { background:url(../images/show_top.gif) left top repeat-x; margin-bottom:8px; border:solid 1px #e4e4e4; border-top:none;}
.impt_top { padding-top:8px; margin-bottom:8px;}
.impt_top span { float:left; margin-left:1em; font-size:14px; font-weight:bold; color:#C00;}
.impt_top a { float:left; margin-left:2em; display:inline; background:url(../images/btns.gif) -37px -30px no-repeat; height:16px; width:46px;}
.p_list { padding:0 5px;}
.p_list li { float:left; margin:0 10px 5px; _margin-bottom:0; display:inline; width:120px; text-align:center;}
.p_img { display:block; width:120px; height:120px;}
.p_name { display:block; line-height:16px; text-align:center; padding:5px 0;color:#666;}
.p_name:hover { color:#000;}
.p_price { text-align:center; color:#900; font-size:14px; font-weight:bold;}
/*== right ==*/
.text_list li { padding-top:8px; background:url(../images/icos.gif) left -63px no-repeat; *background-position: left -61px; padding-left:10px;}
.text_list li a { color:#666;}
.sort li { padding-top:10px;}
.sort li p { padding-bottom:3px; border-bottom: dotted 1px #CCC;}
.sort li p a { font-weight:bold; color:#333; background:url(../images/icos.gif) left -102px no-repeat; padding-left:12px;}
.sort li div { padding-top:5px;}
.sort li div a { padding-right:12px; line-height:20px; color:#666;}
.sort li div a:hover { color:#c00;}
/*===== show ====*/
.show { border: solid 1px #f36; margin-bottom:8px;zoom:1;}
.show_top { background:url(../images/repeat.gif) left top repeat-x; height:30px; overflow:hidden; margin-bottom:5px;}
.show_title { float:left; width:200px; font-size:14px; font-weight:bold; color:#f36; padding:6px 0 0 1em; border-top: solid 8px #f36;}
.show_hot { float:right; }
.show_hot a { padding-right:20px; color:#999; line-height:30px;}
.show_hot a.more { color:#666;}
.show_hot a:hover { color:#333;}
.show_ad { float:left; margin:0 20px 10px 14px; _margin-right:10px; display:inline; width:190px; height:400px;}
.show .p_list { float:left; width:710px;}
/* 紫红色 */
.fuchsia { border-color:#cc6699;}
.fuchsia .show_top { background-position: left -30px;}
.fuchsia .show_title {border-color:#cc6699; color:#993366;}
.show_list li {float:left; margin:0 10px 20px; display:inline; width:120px; text-align:center;}
/* 中间特殊版块 */
.especial { border-left:solid 1px #ff6699; margin-bottom:8px;}
.half { float:left; width:473px; border:solid 1px #ff6699; border-left:none; zoom:1;}
.half .show_top { background-position: left -60px;}
.half .show_title {border-color:#ff6699; color:#cc3366;}
.half .show_ad { height:210px;}
.half ul { float:left; width:230px;}
.half li { clear:both; border-bottom:solid 1px #CCC; margin-bottom:7px;}
.half li .img { float:left; margin-right:15px; display:inline;}
.half li .name { display:block; color:#666; padding:8px 0;}
/* 淡红色 */
.damask { border-color:#ffcccc;}
.damask .show_top { background-position: left -90px;}
.damask .show_title {border-color:#ffcccc; color:#ff6666;}
.damask .show_ad { height:185px;}
/* 淡紫罗兰 */
.pansy { border-color:#ffccff;}
.pansy .show_top { background-position: left -120px;}
.pansy .show_title {border-color:#ffccff; color:#cc66cc;}
.pansy .show_ad { height:185px;}

/*================= bottom ================*/
.bottom { border: solid 1px #e2e2e2;width:934px; margin:0 auto; padding:8px; margin-bottom:8px;}
.bottom li { float:left; border-left:solid 0px #f2f2f2; padding-left:18px; margin:0 20px 0 20px; display:inline}
.bottom li p { padding-top:8px; padding-bottom:2px; border-bottom:solid 1px #f2f2f2;}
.bottom li h5 { font-size:14px; background:url(../images/bottom_ico.gif) no-repeat; padding-left:35px; line-height:31px;}
.bottom li h5.bangzhu { background-position: left top;}
.bottom li h5.dinggou { background-position: left -31px;}
.bottom li h5.zhifu { background-position: left -62px;}
.bottom li h5.peisong { background-position: left -93px;}
.bottom li h5.huiyuan { background-position: left -124px;}
.bottom li h5.shanglu { background-position: left -155px;}
.bottom li a { color:#999; background:url(../images/icos.gif) left -87px no-repeat; padding-left:10px;}
.bottom li a:hover { color:#333;}

/*================= footer ================*/
.footer { background:url(../images/show_top.gif) left -20px repeat-x; border-top:solid 1px #e2e2e2; padding:8px 0;}
.footer p { line-height:20px; color:#666; text-align:center;}

/*=================================================== search.html ==================================================*/
.sider { float:left; width:227px; margin-right:8px;}
.contain { float:right; width:715px; margin-bottom:8px;}
.goods_box { padding:10px; border-bottom:dotted 1px #CCC; clear:both;}
.goods_img { float:left; width:100px; height:100; margin-right:15px; border:solid 1px #eee;}
.goods_img:hover { border-color:#666;}
.goods_box ul { float:left; width:570px;}
.goods_name { color:#06c;}
.goods_name span { color:#c00; font-weight:bold;}
.goods_name:hover { color:#06F;}
.goods_price { color:#c00; padding:5px 0;}
.goods_price span { font-size:14px; font-weight:bold; color:#F00;}
.goods_price span span {font-size:16px;}
.goods_box li p a { color:#666; line-height:18px;}
.goods_box li p a:hover { color:#333;}
.goods_box li .star_0,.goods_box li .star_1,.goods_box li .star_2,.goods_box li .star_3,.goods_box li .star_4,.goods_box li .star_5 { margin-left:8px;}

/*=================================================== detail.html ==================================================*/
/* 购物车 */
.goods_incart li { padding:8px 0; border-bottom:dotted 1px #CCC;}
.incart_img,.hot_img { float:left; width:50px; height:50px; margin-right:10px; border:solid 1px #eee;}
.incart_img:hover,.hot_img:hover { border-color:#666;}
.goods_incart li .fleft { width:140px;}
.goods_incart li .fleft a { color:#666;}
.goods_incart li .fleft p { padding-top:5px; text-align:left;}
/* 热销排行 */
.hot_list li { padding:8px 0;}
.hot_goods { float:left; width:140px; padding-top:3px;}
.hot_goods a { color:#333;}
.hot_goods a:hover { color:#900;}
.hot_price { color:#C00; font-weight:bold;}
.hot_price span { font-size:14px;}
.p_num { color:#999;}
.p_num span { color:#900; font-weight:bold; padding:0 2px;}
/* 商品信息 */
.goods_info { margin-bottom:8px;}
.goods_show { float:left; width:302px; position:relative;}
.show_img { width:300px; height:300px; border:solid 1px #CCC;}
.img_list { margin-top:8px;}
.img_list li { float:left; margin:0 4px; _display:inline;}
.img_list li a { display:block; height:50px; width:50px; border:solid 1px #eee;}
.img_list li a:hover { border:solid 1px #999;}
.zoom_in { position:absolute; top:5px; left:7px; display:block; width:55px; height:16px; padding:4px 0 2px 24px; background:#FFF url(../images/bottom_ico.gif) 5px -190px no-repeat;  color:#666;}
.zoom_in:hover { color:#000; text-decoration:none;}
.goods_detail { float:left; margin-left:10px; display:inline; width:400px;}
.goods_detail li { padding:10px 10px 5px 10px; border-bottom:dotted 1px #CCC; color:#666;}
.goods_detail li span { color:#990000;}
.g_name { font-size:14px; font-weight:bold; color:#C00; line-height:18px; text-align:center; width:100%; height:28px; line-height:28px; border-bottom:1px #999 solid; margin-bottom:15px;}
span.market_price { text-decoration:line-through;}
.goods_detail span.impt { font-size:14px; font-weight:bold; color:#F00;}
.goods_detail span.impt span { font-size:16px; color:#F00;}
.goods_detail li.sales_promotion { color:#996633; line-height:18px;}
.buy_btn,.to_cart,.collection { float:left; margin:12px 10px 0 0; display:block; _display:inline; height:36px; width:143px; background:url(../images/buttons.gif) no-repeat;}
.buy_btn { margin-left:5px; background-position: left top;}
.to_cart { background-position:left -36px;}
.collection { background-position:left -144px; width:83px; margin-right:5px;}
/*捆绑促销*/
.truss { margin-bottom:8px; background:url(../images/repeat.gif) left -151px repeat-x; border: solid 1px #ffcccc;}
.truss h5 { padding:8px 0 8px 1em; color:#C00;zoom:1;}
.p_box { float:left; padding-bottom:10px; width:530px; margin:0 20px 0 12px; display:inline; overflow-x:auto;overflow-y:hidden;}
.truss ul li { float:left;}
.truss ul li a { float:left; height:80px; width:80px; border:solid 1px #eee;}
.truss ul li a:hover { border-color:#ccc;}
.truss ul li b { float:left; margin:33px 8px 0; background:url(../images/bottom_ico.gif) left -224px no-repeat; width:14px; height:14px; }
.truss .fleft { color:#333; line-height:20px;}
.line-through { text-decoration:line-through;}
.pad_top { padding-top:10px;}
/*商品详情*/
.detail { margin-bottom:8px;}
.tabs { border-bottom:solid 1px #666;}
.tabs li { float:left; padding-right:5px;}
.tabs a { display:block; background:url(../images/btns.gif) left -80px no-repeat; width:90px; height:27px; line-height:27px; text-align:center; font-weight:bold; color:#333;}
.tabs a.current { background-position: left -53px; color:#FFF; text-decoration:none;}
.opinion { color:#666; border-bottom:solid 1px #CCC; margin-bottom:12px;}
.opinion p { line-height:20px; border-bottom: dotted 1px #CCC; padding:6px 0 2px 5px;}
.opinion .pad_l span { font-weight:bold; color:#333;}
.opinion_detail { color:#993300;}
.opinion_back { color:#996633;}
.opinion a { padding:2px 5px; border:solid 1px #CCC; margin-right:10px;}
.opinion a.current { border:none; cursor:default; color:#666; font-weight:bold;}
.opinion a.current:hover { text-decoration:none;}
.to_say { border:solid 1px #CCC; padding:5px;}
.to_say img { vertical-align:middle;*vertical-align:text-bottom;}
.to_say p { padding-bottom:5px;}
.to_say textarea { width:675px;}
/*其他产品*/
.other {background:url(../images/show_top.gif) left -10px repeat-x; padding:;}
.other h5 { padding:8px 0 5px 12px; font-size:14px;}
.other ul { padding-left:5px;}

/*=================================================== detail-packet.html ==================================================*/
.taocan { padding:10px 0 0 5px;}
.taocan .show_list li { margin:0 18px 20px;}
.packet { background:#eee; margin:0 6px 6px 0; padding-bottom:10px;}
.packet .fleft { padding:20px 0 0 10px;}
.packet .fleft span { padding:0 5px;}
.yuanjia { color:#999; text-decoration:line-through; font-size:14px; font-weight:bold;}
.xianjia { color:#F00; font-size:14px; font-weight:bold;}
.lisheng { color:#090; font-size:14px; font-weight:bold;}

/*=================================================== discount.html ==================================================*/
.discount_title { background:#f1f1f1; padding:8px; margin-bottom:8px;}
.discount_title h5 { font-size:14px; padding-bottom:5px; background:url(../images/icos.gif) left -102px no-repeat; padding-left:12px; color:#333;}
.all_discount,.all_brand { background-color:#FFF; border: dotted 1px #F36; padding:3px;}
.all_discount a { float:left; color:#F00; padding:5px 18px;}
.all_discount a:hover { color:#C00; background-color:#fff1f1; text-decoration:none;}
.discount_list { padding:0 0 10px 10px;}
.discount_list li { float:left; width:340px; margin:10px 10px 0 0; display:inline;}
.sub { float:left; width:223px; overflow:hidden;}
.sub li { border-bottom: dotted 1px #CCC; margin:0; padding:5px 0 4px 0;}
.sub a { color:#333;}
.sub .gray { color:#666;background:url(../images/icos.gif) left -50px no-repeat; padding-left:10px;}
.sub .impt { color:#C00;}
.time { color:#999;}
.price { margin-top:5px; padding:5px 0;  background-color:#fffafa; border-bottom:solid 1px #ffd5d5;}
.price span { padding:0 15px;}

/*=================================================== packet.html ==================================================*/
.packet_box { float:left; width:306px; margin:0 5px; display:inline;}
.count { float:right; padding-right:10px; color:#666;}
.count span { float:none; padding:0 3px; color:#C00; font-weight:bold;}
.see_box { padding-top:10px;}
.see_box .lisheng { float:left; line-height:23px;}
.to_see { float:right; background:url(../images/btns.gif) -114px -31px no-repeat; height:23px; width:66px;}
.packet_box .show_list li { width:80px; margin:10px 8px 10px;}
.packet_box .show_list .p_img { width:80px; height:80px;}
.packet_box .price { padding-left:20px;}
.gray_center { color:#999; text-align:center; padding-top:8px;}

/*=================================================== checkout.html ==================================================*/
/*====== 订单步骤-begin ======*/
.step { margin-bottom:10px;}
.step ul { height:23px; line-height:23px; font-size:14px; font-weight:bold; overflow:hidden;}
.step li { float:left; width:25%;*width:24.95%;position:relative; text-align:center; background-color:#e7e7e7;  color:#888; height:23px; overflow:hidden;}
.step li span { display:block;}
.done span { background:#ffcccc; color:#cc3366;}
.step .current span {background:#ff6699; color:#fff;}
/*尖尖角*/
.step li em,.done em,.current_front em,.current em { position:absolute; top:0; right:0;background:url(../images/step.gif) no-repeat; width:15px; height:23px;}
.step li.done em { background-position: right top;}
.step li.current_front em { background-position:right -23px;}
.step li em,.current em { background-position:right -46px;}
/*左右圆角*/
.done .first_round { background:#ffcccc url(../images/step.gif) -11px -92px no-repeat;}
.step .current .first_round { background:#ff6699 url(../images/step.gif) -11px -69px no-repeat;}
.last {background: url(../images/step.gif) right -161px no-repeat;}
.step .current .last {background:#ff6699 url(../images/step.gif) right -138px no-repeat;}
.done .last {background:#ffcccc url(../images/step.gif) right -115px no-repeat;}
/*====== 步骤-end ======*/
.flow_h5 { padding:3px 0 3px 20px; margin-bottom:8px; border-bottom:solid 1px #999;background:url(../images/bottom_ico.gif) left -371px no-repeat;font-size:14px;  color:#333;}
.flow_h5 .tixing { float:right; font-size:12px; font-weight:normal; color:#996633; background:url(../images/bottom_ico.gif) left -254px no-repeat; padding:1px 0 0 20px;}
.flow_h5 .more { float:right; padding-right:15px; font-size:12px; font-weight:normal; color:#666;background:url(../images/icos.gif) right -24px no-repeat; background-position:right -26px\9;*background-position:right -24px;}
.list { padding-top:15px;}
.list li { clear:both; padding-bottom:15px; color:#666;}
.list_l { float:left; width:15em; text-align:right; padding-top:5px;}
.list_r { float:left; padding-top:5px; color:#000;}
.wide_input { width:180px; margin-right:8px;}
select.wide_input { width:185px; margin-right:8px;}
.wider_input { width:400px;}
.mr_8px { margin-right:8px;}
.tips { padding:8px 12px; background-color:#fff9f9; border:dotted 1px #F36; margin-bottom:8px;}
.tips p { color:#C00;}

/*=================================================== checkout_shipping_payment.html ==================================================*/
.adr_box { padding:0 12px 12px; margin-bottom:10px;}
.line { padding:5px 0; border-bottom: dotted 1px #CCC; color:#666;}
.line label { font-weight:bold; color:#333;}
.line .fright { color:#333;}
.adr_list li {padding:8px 0 5px 18px; border-bottom: dotted 1px #CCC; color:#666;}
.adr_list li span { color:#333;}

/*=================================================== confirm.html ==================================================*/
.edit { float:right; margin:5px 10px 0 0; background:url(../images/btns.gif) right -56px no-repeat; height:17px; width:54px;}
.delete { background:url(../images/bottom_ico.gif) left -283px no-repeat; padding-left:20px;}
.yours td { padding:8px 10px; border-bottom: dotted 1px #CCC; background-color:#FFF; vertical-align:middle; text-align:center;}
.yours thead th { background-color:#f0f0f0; padding:7px; color:#666; border-bottom: dotted 1px #CCC;}
.yours_img { width:100px; text-align:center;}
td.price_td { width:7em; text-align:right; color:#C00; font-size:14px; font-weight:bold;}
td.price_td_c { width:7em; text-align:center; color:#C00; font-size:14px; font-weight:bold;}
.handle_td { text-align:center;}
.num_td { width:3em; text-align:center;}
.adr_l { float:left; width:15em; text-align:right; padding-right:10px;}

/*=================================================== confirm_e.html ==================================================*/
.more_pad { padding:50px 0;}
.inline_block { display:inline-block; *display:inline; zoom:1;}
.error { display:block; background:url(../images/btns.gif) left -108px no-repeat; width:53px; height:47px;}
.error_text { float:left; padding:15px 0 0 10px; color:#F00; font-weight:bold;}
/*=================================================== cart.html ==================================================*/
.sum { padding:10px 0; background-color:#f5f5f5; font-weight:bold; text-align:center;} 
.sum span { color:#F00; font-size:14px;}
/*=================================================== pay.html ==================================================*/
p.order_c { text-align:left; background:url(../images/bottom_ico.gif) left -308px no-repeat; padding:5px 0 8px 22px; font-size:14px; font-weight:bold; color:#333;}
.order_c span { padding:0 5px; color:#F00;}

td.adr_bg { background-color:#f8f8f8; width:130px; text-align:right; color:#666;}
/*=================================================== pay_successful.html ==================================================*/
.successful { display:block; background:url(../images/btns.gif) -54px -108px no-repeat; width:44px; height:47px;}
.successful_text { float:left; padding:15px 0 0 10px; color:#336600; font-weight:bold; font-size:14px;}
/*=================================================== order_info.html ==================================================*/
.prompt { background:url(../images/bottom_ico.gif) left -342px no-repeat; padding-left:20px;}
.order_info { padding-top:20px;}
.order_info li { padding-bottom:10px; text-align:center; color:#C00;}

/*=================================================== brand.html ==================================================*/
.all_brand li { clear:both; margin:15px 0;}
.all_brand li p { padding:5px 0 4px 10px; font-weight:bold; color:#333; border-bottom: dotted 1px #CCC; margin-bottom:8px; background-color:#fff5f5;}
.all_brand a { width:60px; height:40px; border:solid 1px #ddd; float:left; margin:2px 7px;}
.all_brand a:hover { border-color:#ff9999;}
/*=================================================== price_range.html ==================================================*/
.fr_slct { float:right; margin:3px 10px 0 0;}

/*=================================================== uesr = profile.html ==================================================*/
.user_top { background:url(../images/user_bg.gif) left -68px no-repeat; width:227px; height:28px; line-height:28px; text-indent:12px; font-weight:bold; color:#FFF; font-size:14px;}
.user_border { border: 1px solid #898989; border-top:none; background-color:#fafafa;}
.user_menu { padding:10px 10px 0 0;}
.user_menu li { margin:0 0 10px 10px;}
.user_menu li a { display:block; background:url(../images/user_bg.gif) left -34px no-repeat; width:204px; height:34px; line-height:36px; text-indent:40px; color:#666; font-weight: bold; font-size:14px; overflow:hidden;}
.user_menu li a.current,.user_menu li a:hover { background-position: left top; color:#F00; overflow:hidden;}

/*=================================================== uesr = my_order.html ==================================================*/
.user_h5 { background:url(../images/icos.gif) 3px -97px no-repeat; padding:5px 0 3px 18px; margin-bottom:10px; border-bottom: dotted 1px #999;font-size:14px;  color:#333;}
.order_table {border-top: solid 1px #CCC; border-left: solid 1px #CCC; color:#333;}
.order_table thead th { padding:8px; background-color:#eee;border-bottom: solid 1px #CCC; border-right: solid 1px #CCC;}
.order_table td { padding:8px; border-collapse:collapse; border-bottom: solid 1px #CCC; border-right: solid 1px #CCC; background-color:#FFF; vertical-align:middle; text-align:center;}

/*=================================================== uesr = my_order_detail.html ==================================================*/
.gray_border { border: solid 1px #CCC;}
.two_border {border-top: solid 1px #CCC; border-left: solid 1px #CCC;}
td.toleft { text-align:left;}

/*==================================================== all_catalog.html ==================================================*/
.assort {padding:5px 10px; background-color:#fff9f9; border:dotted 1px #F36; margin-bottom:10px;}
.assort a { float:left; background-color:#fff0f0; padding:5px 10px; border:solid 1px #ffcdcd; margin:5px;white-space:nowrap;}
.assort a:hover { background-color:#ffe9e9; border-color:#f99;}

/*==================================================== list_s.html ==================================================*/
.handle_box { background-color:#f1f1f1; padding:5px 0 5px 10px;}
.big,.big_on,.item,.item_on { background:url(../images/btns.gif) -90px -77px no-repeat; height:15px; width:18px; float:left; margin-right:8px; display:inline;}
.big_on { background-position: -90px -92px;}
.item { background-position: -108px -77px;}
.item_on { background-position: -108px -92px;}
.show_table td { vertical-align:top; text-align:center; padding:10px 5px 0;}
.show_table td p { padding-top:7px;}
.big_img { border:solid 1px #ddd; display:block; height:220px; width:220px;}
.big_img:hover { border-color:#666;}
.big_name { color:#666;}

/*=================================================== news = detail.html ==================================================*/
.zixun li { margin-bottom:5px;}
.zixun li.current a { color:#C00;}
.news_title { font-size:20px; font-family:"黑体"; color:#C00; font-weight: normal; text-align:center; margin:5px 0;}
.news_info { color:#666; text-align:center; padding-bottom:5px; margin-bottom:10px; border-bottom:dotted 1px #CCC;}
.news_info span { padding-right:10px;}
.paragraph { text-indent:2em; line-height:22px; padding:5px; color:#333;}
/*=================================================== news = list.html ==================================================*/
.news_list li { margin-top:5px; padding:5px 10px; border-bottom: dotted 1px #CCC;}
.news_list li a { background:url(../images/icos.gif) left -50px no-repeat; padding-left:10px; color:#666;}
.news_list li a:hover { color:#C00;}

/*==================================================== 404.html ==================================================*/
.error_img { float:left; margin-top:30px;}
.error_box { float:left; margin:30px 0 50px 50px; display:inline;}
.error_box h2 { font-size:14px; background:url(../images/bottom_ico.gif) left -342px no-repeat; padding-left:20px; margin-bottom:10px;}
.error_box p { margin-top:20px; color:#666; padding-bottom:3px; border-bottom: dotted 1px #CCC;}
.error_box ul { margin-top:5px;}
.error_box ul li a { color:#C00;}

/*==================================================== login.html ==================================================*/
.login_l { float:left; width:300px; margin-right:8px;}
.login_r { float:left; width:642px;}
.res_list { padding:20px 0 20px 40px;}
.res_list li { padding-bottom:10px; color:#333;}
.res_list li .second { margin-left:48px;}
.res_list li .first { margin-left:60px;}
.res_list li input { margin-right:10px;}
.narrow { width:100px; margin-right:10px;}
.note { color:#999;}
.note span { color:#F00; padding-right:5px;}
.note_error { color:#F00; background:url(../images/bottom_ico.gif) left -283px no-repeat; padding-left:20px;}
.note_right { color:#339900; background:url(../images/bottom_ico.gif) left -406px no-repeat; padding-left:20px;}
.more_narrow { width:80px;}
.res_list img { vertical-align:middle; vertical-align:bottom;}
.quick { float:left; margin:5px 20px 0 0;}
.res_l { float:left; width:290px; padding:15px; background-color:#f9f9f9; margin-right:8px;}
.res_l p { padding:5px 0; line-height:20px; color:#663300; text-indent:12px;}
.res_r { float:left; width:622px; margin-top:20px;}

/*====================================================  forget_pwd.html ==================================================*/
.c_list{ padding-left:200px;}

/*====================================================  news.html ==================================================*/
.news_group {float:left; width:350px; margin-bottom:10px; height:290px; overflow:hidden;}

.big_list { padding-right:5px;}
.big_list li{ float:left; margin-left:14px; margin-top:10px; display:inline;}
.big_name { width:210px; text-align:center; overflow:hidden; height:auto;}

.small_list{ padding:10px 0px 0 0; overflow:hidden; height:auto; margin-bottom:10px;}
.small_list li{ float:left; margin-left:32px; margin-top:10px; display:inline; width:120px; text-align:center; display:inline;}
a.small_img{ width:120px; height:120px;border:solid 1px #eee; font-size:0px; clear:both; display:block;}
a.small_img:hover { width:120px; height:120px;border:solid 1px #000; font-size:0px; clear:both; display:block;}
.small_name { width:210px; text-align:center; overflow:hidden; height:auto;line-height:22px;}
/*====================================================  all_product.html ==================================================*/
.download { float:right; margin:5px 10px 0 0; background:url(../images/download.gif) no-repeat; height:17px; width:89px;}
.80_name { width:100px; clear:both;}

/*====================================================product_list.html ==================================================*/
#location{ margin-bottom:10px; color:#666666; clear:both; height:24px; line-height:24px;}
.keyws{ color:#ff6600;}
.keyws_count{ color:#0033cc}
.goods_sort { background:url(../images/ico_arrowhead.gif) no-repeat 2px; height:22px; line-height:22px; clear:both; text-indent:14px; color:#333333;}
.goods_name_box { height:auto; overflow:hidden; clear:both;}
.goods_name_box li { float:left; margin-right:15px; margin-left:3px;width:160px; display:inline; height:22px; line-height:22px; overflow:hidden;}
.goods_name_box a { color:#333333;font-size:12px}
.goods_name_box a:hover ,.tips_character a:hover { color:#cc0000;}
.goods_name_box .red_a { color:#990000; font-size:12px;}

.goods_name_box li span { color:#999999; margin-left:3px;}
.show_all { clear:both; width:100% ; text-align:center;}
.show_all a { width:160px; height:28px; border:1px #cccccc solid; display:block; margin:0 auto; line-height:28px; margin-top:10px;}
.show_open{ background:url(../images/ico_handle.gif) no-repeat bottom left; text-indent:12px; padding-left:12px;}
.show_close{ background:url(../images/ico_handle.gif) no-repeat top left; text-indent:12px; padding-left:12px;}
.broken_line { border-bottom: 1px #CCCCCC dotted; padding-bottom:10px;}
.nonce { color:#FF6600;}

.filter_bt,.filter_select { margin-left:3px;}
.filter_bt { height:21px; font-size:12px;}
.tips_character span{ color:#333333; font-size:14px; font-weight:bold;}
.tips_character a { color:#333333; margin-left:8px;font-size:12px}
.tips_character { width:100%; overflow:hidden; clear:both;}


.goods_act ,.goods_brand{ color:#cc0000; font-size:12px;clear:both; margin-top:8px;}
.goods_act{ margin-top:0;}
.goods_brand a{ color:#3ea1e9;}
.goods_act li,.goods_brand li{ height:16px; line-height:16px;}
.goods_act li .num{ color:#ff6600; font-weight:bold; margin:0 3px;}
.agio { background:url(../images/ze.gif) no-repeat; width:49px; height:14px; line-height:14px; font-size:12px; text-align:center; color:#FFFFFF; font-weight:normal;}
.trade_name { font-size:14px; color:#666; font-weight:bold;}
.list_apeak td { vertical-align:top;}


.tabs_assort_box { border-bottom:solid 1px #cc0000; height:21px; background:#f6f4f3; margin-bottom:10px; position:relative;}
.tabs_assort ul{ position:absolute;}
.tabs_assort li { float:left; height:18px; line-height:18px; margin-top:3px;}
.tabs_assort a {color:#333333; text-decoration:none; margin-left:15px; height:18px; line-height:18px;float:left;}
.tabs_assort a:hover {color:#cc0000;}
.tabs_assort .current { margin-bottom:-1px; position:relative;}
.tabs_assort .current a {background:url(../images/tabs_assort_r.gif) no-repeat right; height:18px; line-height:18px; text-align:center; font-weight:bold; float:left; color:#cc0000; font-size:12px; font-weight:bold; margin-top:1px;}
.tabs_assort .current a span {padding:0px 20px 0px 18px; display:block; background:url(../images/tabs_assort_l.gif) no-repeat left;}


.process { background:url(../images/ico_process.gif) no-repeat; width:6px; height:13px; position:absolute;right:5px; top:3px; cursor:pointer;}


.preview ul { padding-left:0px; padding-top:10px; text-align:center; overflow:hidden;}
.preview ul li { float:left; width:52px;margin-bottom:10px; height:90px; display:inline; margin-left:30px;overflow:hidden;}
.preview ul li p {width:52px; text-align:left; font-size:12px; height:18px; line-height:18px; clear:both; text-align:center; }
.preview ul li a { color:#333333;}
.preview ul li a:hover { color:#cc0000;}

/*====================================================qq ==================================================*/
.qq_box { background:url(../images/QQ_bg.gif) no-repeat bottom right; border:3px #9f0000 solid; width:180px; height:auto; padding:10px;position:fixed; _position:absolute;bottom:0;right:0;}
.qq_table  td{ padding:2px; vertical-align:middle;}
.qq_box h2 { font-size:14px; font-weight:bold; color:#ab0000;}

/*-----------
网页底部footer
-------------*/
#footer{margin-top:20px;clear:both;}
.footer_nav a{margin:0 7px;color:#FF6600;}
.copyright{margin:10px 0 0 260px;}
.copy_s1{float:left;margin-right:15px}
.copy_text{width:200px;float:left;}

/*-----------
网页头部
-------------*/
.side_nav{width:100%;height:30px;background:#EFEFEF;border-bottom:#D1D1D1 1px solid;line-height:30px;}
.side_nav a{color:#000;}
.side_nav p{margin-left:10px;float:left;}
.quick_menu{float:right;width:55%;}
.quick_menu li{float:left;padding:0 8px;}
.top{margin:10px 0;}
